<template>

        <!-- 用户信息 -->
        <div class="user" @click="changeThemes('blue')">
        <!-- 头像 -->
        <el-avatar :size="80" icon="UserFilled" >{{username}}</el-avatar>
        <!-- 用户名 -->
          <div class="userinfo">
           
                <p class="username">{{username}}</p>
          
            <p class="sendcode">刻码：{{sendcode}}</p>
          </div>
            
        </div>
</template>

<script setup>

import { reactive, ref } from 'vue';
import useStore from '../store/index'

 const userStatus = (useStore().user)

 let userInfo = reactive()

 userInfo = userStatus.userinfo
 console.log(userInfo)

 const sendcode = ref()

 const username = ref()

 sendcode.value = userInfo._id

 username.value = userInfo.account
 
</script>

<style>

</style>